<template>
  <el-form :model="form" label-width="auto" style="max-width: 600px">
    <el-form-item label="id">
      <el-input v-model="form.id"/>
    </el-form-item>
    <el-form-item label="label">
      <el-input v-model="form.name"/>
    </el-form-item>
    <el-form-item label="predicate">
      <el-input v-model="form.predicate"/>
    </el-form-item>
    <el-form-item label="object">
      <el-input v-model="form.object"/>
    </el-form-item>
    <el-form-item label="经度">
      <el-input v-model="form.lon"/>
    </el-form-item>
    <el-form-item label="纬度">
      <el-input v-model="form.lat"/>
    </el-form-item>
    <el-form-item label="点集">
      <el-input
          v-model="form.pointSet"
          :rows="4"
          placeholder="请输入点集"
          type="textarea"
      />
    </el-form-item>
    <el-form-item label="位置描述">
      <el-input
          v-model="form.locationDescription"
          :rows="4"
          placeholder="请输入位置描述"
          type="textarea"
      />
    </el-form-item>
    <el-form-item label="情报信息">
      <el-input
          v-model="form.intelligenceInformation"
          :rows="4"
          placeholder="请输入情报信息"
          type="textarea"
      />
    </el-form-item>
  </el-form>
</template>

<script lang="ts" setup>

const props = defineProps<{
  form: {
    id: number | null;
    name: string;
    predicate: string;
    object: string;
    lon: string;
    lat: string;
    pointSet: string;
    locationDescription: string;
    intelligenceInformation: string;
  };
}>();
</script>

<style scoped>
.el-form {
  max-width: 600px;
}
</style>
